<template>
  <div class="min-h-screen">
    <base-layout v-if="useLayout">
      <router-view></router-view>
    </base-layout>
    <router-view v-else></router-view>
  </div>
</template>

<script>
import BaseLayout from '@/components/layout/BaseLayout.vue'

export default {
  name: 'App',
  components: {
    BaseLayout
  },
  computed: {
    useLayout() {
      // 登录和忘记密码页面不使用布局
      return !['Login', 'ForgotPassword'].includes(this.$route.name)
    }
  }
}
</script>

<style>
@import './assets/styles/main.css';
@import './assets/styles/tailwind.css';
</style>
